<template>
	<view class="content">
		<view class="policy-content">
			<view class="policy-item" v-for="item in policyList" :key="item.id">
				<!-- <view class="img"> -->
				<img :src="imageUrl+item.src" alt="" class="img">
				<!-- </view> -->
				<view class="policy-info">
					<view class="title">
						{{ item.title }}
					</view>
					<view class="time">
						{{ item.time }}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				imageUrl: '',
				policyList:[
					{
						id: 1,
						src: "/company_auth/news1.png",
						title: "@企业：吸纳高校毕业生就业，收好这份政策礼包！",
						time: "2023-06-14"
					},
					{
						id: 2,
						src: "/company_auth/news2.png",
						title: "【就业】以高质量充分就业助力中国式现代化",
						time: "2023-06-06"
					},
					{
						id: 3,
						src: "/company_auth/news3.png",
						title: "【就业】聚焦待就业青年十部门实施百万就业见习岗位募集计划",
						time: "2023-05-29"
					},
					{
						id: 4,
						src: "/company_auth/news2.png",
						title: "一分钟了解国务院稳就业最新政策",
						time: "2023-05-18"
					},
					{
						id: 5,
						src: "/company_auth/news3.png",
						title: "【就业】“扩、促、兜”综合施策，稳就业打出政策“组合拳”！一图看懂",
						time: "2023-05-16"
					}
				]
			}
		},
		onLoad(){
			this.imageUrl = this.globalConfig.imageUrl
		}
	}
	
</script>

<style lang="scss" scoped>
	.policy-content{
		width: 100%;
		height: 100%;
		padding: 30rpx;
		.policy-item{
			width: 100%;
			height: 250rpx;
			display: flex;
			background-color: #FFFFFF;
			border-radius: 40rpx;
			box-sizing: border-box;
			padding: 20rpx;
			.img{
				// height: 100%;
				// width: calc((100% - 5px)/2);
				width: 330rpx;
				// height: calc(100% - 40rpx);
				height: 205rpx;
				border-radius: 20rpx;
				// background-color: #808080;
				// img{
				// 	width: 100%;
				// 	height: 100%;
				// 	border-radius: 20rpx;
				// }
			}
			.policy-info{
				width: calc((100% + 35rpx));
				height: 205rpx;
				margin-left: 20rpx;
				.title{
					font-size: 35rpx;
					line-height: 50rpx;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
				}
				.time{
					margin-top: 60rpx;
					color: #767676;
				}
			}
		}
	}
</style>